<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商品详情 | KeyBoard For Fun!</title>
		<link rel="stylesheet" type="text/css" href="my_page_style.css"/>
		<script src="my_page_javascript.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body id="bodystyle" style="background-image: url(images/intersection.png);">
		<div id="top">
				<div id="NAVBAR">
					<div id="logo">
						<div id="LOGO">
							<strong>Geek KeyBoard</strong>
						</div>
					</div>
					<div id="CONTENTS">
						<ul>
							<p onclick="openHOMEPAGE()">首页</p>
							<li>今日热点</li>
							<li>生活区</li>
						</ul>
						<ul>
							<p>装备社区</p>
							<li>生活区</li>
							<li onclick="openTIEZI()">装备展示厅</li>
							<li>装备情报</li>
							<li>提问区</li>
							<li>交易信息区</li>
						</ul>
						<ul>
							<p onclick="openSHOP()">装备商店</p>
							<li>机械键盘</li>
							<li>键帽</li>
							<li>键盘轴体</li>
							<li onclick="openSHOPDETAIL()">模玩手办</li>
							<li>音频HiFi</li>
						</ul>
						<ul>
							<p>装备信息</p>
							<li>装备百科</li>
							<li>新品发车</li>
							<li>科普文章</li>
						</ul>
						<ul>
							<p style="border-right: none;" onclick="openUSER()">个人中心</p>
							<li>我的帖子</li>
							<li>个人信息</li>
							<li>购物车</li>
							<li>收藏夹</li>
						</ul>
					</div>
					<div id="SEARCH">
						<div class="icon" title="这里是搜索栏哦" style="cursor:pointer;">&#xf002 </div>
						<form action="" method="" >
							<input type="text" name="firstname" placeholder="在 Geek KeyBoard！中搜索">
						</form>
					</div>
					<div id="USER">
						<div class="icon">&#xf007 </div>
						<a href="#" title="点击登录或注册进入Geek KeyBoard!" onclick="log_on_open()">登录 | 注册</a>
					</div>
				</div>
		</div>
		<div id="log_on">
			<div id="log_on_top">
				<div id="log_on_top_title">登录  Geek KeyBoard!</div>
				<div id="log_on_close" title="点击关闭该窗口" onclick="log_on_close()">关闭</div>
			</div>
			<div id="log_on_left">
			 <strong><h3>账号密码登录</h3></strong>
			 <form action="#" method="get" id="form1">
				<input type="mail" name="mymail" placeholder="请输入您的账号" class="input1">
				<input type="password" name="mypassword1" placeholder="请输入你的密码" class="input2">
				<div id="checkbox">
					<input type="checkbox" name="check" id="check" value="1" />
					<label for="check">点击即表示同意《服务协议》</label>
				</div>	
				<a href="#" onclick="zhuce()">还没有账号？点击注册！</a>
				<button type="submit" class="checkbox_1"><strong>登&nbsp;录</strong></button>
			 </form>
			</div>
			<div id="log_on_right">
				<strong><h3>使用微信扫一扫登录</h3></strong>
				<img src="images/bottom_img1.png" >
			</div>
		</div>
		<div id="mid_title1" style="border-bottom: 1px #000000 solid;"><p class="icon" style="font-size: 20px; margin-top: 90px; color: black;">&#xf0d7 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;商店</p></div>
		<div id="shop_detail_left">
			<div id="wrap" class="wrap">
				<ul id="pic">
					<li><img src="images/shop_detail1.jpg" alt=""></li>
					<li><img src="images/shop_detail2.jpg" alt=""></li>
					<li><img src="images/shop_detail3.jpg" alt=""></li>
					<li><img src="images/shop_detail4.jpg" alt=""></li>
					<li><img src="images/shop_detail5.jpg" alt=""></li>
					<li><img src="images/shop_detail6.jpg" alt=""></li>
				</ul>
				<ol id="list">
					<li class="on" num="1"><img src="images/shop_detail1.jpg" ></li>
					<li num="2"><img src="images/shop_detail2.jpg" ></li>
					<li num="3"><img src="images/shop_detail3.jpg" ></li>
					<li num="4"><img src="images/shop_detail4.jpg" ></li>
					<li num="5"><img src="images/shop_detail5.jpg" ></li>
					<li num="6"><img src="images/shop_detail6.jpg" ></li>
				</ol>
			</div>
		</div>
		<div id="shop_detail_right">
			<h1>末那末匠 guodong 懒东西手办</h1>
			<h4>陪我躺会吧，一起做个懒东西</h4>
			<h3>价格</h3>
			<p>￥88</p>
			<h3 style="margin-top: 80px; float: none;">型号</h3>
			<ul>
				<li>橘猫</li>
				<li>鳄鱼</li>
				<li>猪</li>
				<li>海豹</li>
				<li>犀牛</li>
				<li>大象</li>
			</ul>
			<p class="shop_detail_right1">加入购物车</p>
			<p class="shop_detail_right2">立即购买</p>
		</div>
		<h2 class="mid_goods_detail">&nbsp;&nbsp;商品详情</h2>
		<div id="shop_detail_mid">
			<ul>
				<li>作品：懒东西手办</li>
				<li>厂商：末那</li>
				<li>设计师：guodong</li>
				<li>材质：空心搪胶涂装，含懒人沙发垫</li>
				<li>规格：高约6.8-12cm</li>
			</ul>
			<h4>《懒东西》是艺术家guodong创作的一个动物系列绘画， 他塑造的这些动物，陷在沙发里“葛优瘫”，捧着各种移动电子设备：聊微信、补剧集、玩游戏这种状态，完全就是日常犯懒时，你和我的化身啊！ 所以我们决定把这一个系列形象，打破次元壁，做成有趣的手办，给大家带来快乐。</h4>
			<img src="images/shop_detail7.jpg" >
			<li>1. 橘猫</li>
			<img src="images/shop_detail1.jpg" alt="">
			<li>2. 熊猫（植绒）</li>
			<img src="images/shop_detail9.jpg" >
			<li>3. 鳄鱼</li>
			<img src="images/shop_detail2.jpg" alt="">
			<li>4. 猪</li>
			<img src="images/shop_detail3.jpg" alt="">
			<li>5. 长颈鹿</li>
			<img src="images/shop_detail10.jpg" alt="">
			<li>6. 海豹</li>
			<img src="images/shop_detail4.jpg" alt="">
			<li>7. 北极熊</li>
			<img src="images/shop_detail8.jpg" alt="">
			<li>8. 犀牛</li>
			<img src="images/shop_detail5.jpg" alt="">
			<li>9. 大象</li>
			<img src="images/shop_detail6.jpg" alt="">
			<div class="shop_detail_mid">
				<h2>购买须知</h2>
				<h4>在您选购境外商品前，请仔细阅读以下内容，同意本文告知内容后再下单购买</h4>
				<h4>1. 您购买的境外商品为产地直销商品，仅限个人自用，不得进行再销售，商品本身可能无中文标签。</h4>
				<h4>2. 您购买的境外商品使用的品质、标识等项目标准符合原产国规范，但可能与我国标准有所不同。由此在使用过程中产生的危害或损失及其他风险，将由您个人承担。</h4>
			</div>
		</div>
		<button type="button" onclick="back_to_top()" class="button2" title="点击返回顶部"><div class="icon" style="color: white;">&#xf148 </div></button>
		<div id="bottom">
			<div class="bottom_list">
				<div class="bottom_title"><a href="#">Geek KeyBoard!</a></div>
				<ul>
					<li><a href="#">网站指南</a></li>
					<li><a href="#">用户协议</a></li>
					<li><a href="#">在线客服</a></li>
					<li><a href="#">关于我们</a></li>
					<li><a href="#">加入我们</a></li>
				</ul>
			</div>
			<div class="bottom_list">
				<div class="bottom_title"><a href="#">合作厂商</a></div>
				<ul>
					<li><a href="#">GMKeyCaps</a></li>
					<li><a href="#">JTKeyCaps</a></li>
					<li><a href="#">利奥博德Leopold</a></li>
					<li><a href="#">斐尔可Filco</a></li>
					<li><a href="#">阿米洛Varmilo</a></li>
				</ul>
			</div>
			<div class="bottom_list">
				<div class="bottom_title"><a href="#">友情链接</a></div>
				<ul>
					<li><a href="https://www.zfrontier.com/" target="_blank">装备前线|zFrontier</a></li>
					<li><a href="https://www.geekmaker.com/" target="_blank">极制|GeekMaker</a></li>
					<li><a href="https://percent.studio/" target="_blank">Percent Studio</a></li>
					<li><a href="https://shop64592671.taobao.com/?spm=a230r.7195193.1997079397.2.38cb2f94E5G5Sr" target="_blank">怡科外设</a></li>
					<li><a href="https://shop105902419.taobao.com/?spm=a230r.7195193.1997079397.2.179d289a271WPK" target="_blank">酷品世家</a></li>
					<li><a href="https://shop117148064.taobao.com/?spm=a230r.7195193.1997079397.2.413a5d118CPOBb" target="_blank">键帽馆</a></li>
				</ul>
			</div>
			<div class="bottom_img">
				<img src="images/bottom_img1.png" >
			</div>
			<div class="bottom_img">
				<img src="images/bottom_img2.jpg" >
			</div>
			<div class="bottom_last">
			</div>
		</div>
	</body>
</html>
